<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib prefix="s" uri="/struts-tags"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    <!--<s:head/>-->
    <title>乐淘首页</title>
    <jsp:include page="component/head.jsp"/>
  </head>
  
  <body>
				<jsp:include page="component/navigator.jsp"/>
			<!----start-slider-script---->
			<script src="${pageContext.request.contextPath}/js/responsiveslides.min.js"></script>
			 <script>
			    // You can also use "$(window).load(function() {"
			    $(function () {
			var url = "getgoodsbyhot.action";
		    $.getJSON(url, function(data) {
		        $.each(data, function(i, good) {
		        console.log(good.gname);
 		           $("#slider4").append(
 		           "<li><img src=${pageContext.request.contextPath}/upload/"
 		           +good.gimage 
 		           +"><div class='caption'><div class='slide-text-info'><h1>"
 		           +good.gname
 		           +"</h1><label>"
 		           +good.category.cname
 		           +"</label><a class='slide-btn' href=#><span>"
 		           +good.gprice
 		           +"</span> <small>GET NOW</small><label> </label></a></div></div></li>"
 		          );
		       });
		       // Slideshow 4
			      $("#slider4").responsiveSlides({
			        auto: true,
			        pager: true,
			        nav: true,
			        speed: 500,
			        namespace: "callbacks",
			        before: function () {
			          $('.events').append("<li>before event fired.</li>");
			        },
			        after: function () {
			          $('.events').append("<li>after event fired.</li>");
			        }
			      });
		       });
			      
			      

			    });
			    
			  </script>
			<!----//End-slider-script---->
			<!-- Slideshow 4 -->
			    <div  id="top" class="callbacks_container">
			      <ul class="rslides" id="slider4" name="slider4">
	 
			      </ul>
			    </div>
			    <div class="clearfix"> </div>
			<!----- //End-slider---->
			<!----content---->
				<div class="content">
					<div class="container">
				<!---top-row--->
				<div class="top-row">
					<div class="col-xs-4">
						<div class="top-row-col1 text-center">
							<h2>WOMAN</h2>
							<img class="r-img text-center" src="${pageContext.request.contextPath}/images/img-w.jpg" title="name" />
							<span><img src="${pageContext.request.contextPath}/images/obj1.png" title="name" /></span>
							<h4>TOTAL</h4>
							<label>357 PRODUCTS</label>
							<a class="r-list-w" href="single-page.html"><img src="${pageContext.request.contextPath}/images/list-icon.png" title="list" /></a>
						</div>
					</div>
					<div class="col-xs-4">
						<div class="top-row-col1 text-center">
							<h2>MAN</h2>
							<img class="r-img text-center" src="${pageContext.request.contextPath}/images/man-r-img.jpg" title="name" />
							<span><img src="${pageContext.request.contextPath}/images/obj2.png" title="name" /></span>
							<h4>TOTAL</h4>
							<label>357 PRODUCTS</label>
							<a class="r-list-w" href="single-page.html"><img src="${pageContext.request.contextPath}/images/list-icon.png" title="list" /></a>
						</div>
					</div>
					<div class="col-xs-4">
						<div class="top-row-col1 text-center">
							<h2>KIDS</h2>
							<img class="r-img text-center" src="${pageContext.request.contextPath}/images/kid-r-img.jpg" title="name" />
							<span><img src="${pageContext.request.contextPath}/images/obj3.png" title="name" /></span>
							<h4>TOTAL</h4>
							<label>357 PRODUCTS</label>
							<a class="r-list-w" href="single-page.html"><img src="${pageContext.request.contextPath}/images/list-icon.png" title="list" /></a>
						</div>
					</div>
					<vdi class="clearfix"> </div>
				</div>
				<!---top-row--->
                <!--<div class="copyrights">Collect from <a href="http://www.cssmoban.com/"  title="网站模板">网站模板</a></div>-->
				<div class="container"> 
				<!----speical-products---->
				<div class="special-products">
					<div class="s-products-head">
						<div class="s-products-head-left">
							<h3>SPECIAL <span>PRODUCTS</span></h3>
						</div>
						<div class="s-products-head-right">
							<a href="products.html"><span> </span>view all products</a>
						</div>
						<div class="clearfix"> </div>
					</div>
					<!----special-products-grids---->
					<div class="special-products-grids">
						<div class="col-md-3 special-products-grid text-center">
							<a class="brand-name" href="single-page.html"><img src="${pageContext.request.contextPath}/images/b1.jpg" title="name" /></a>
							<a class="product-here" href="single-page.html"><img src="${pageContext.request.contextPath}/images/p1.jpg" title="product-name" /></a>
							<h4><a href="single-page.html">Nike Roshe Run</a></h4>
							<a class="product-btn" href="single-page.html"><span>109.90$</span><small>GET NOW</small><label> </label></a>
						</div>
						<div class="col-md-3 special-products-grid text-center">
							<a class="brand-name" href="single-page.html"><img src="${pageContext.request.contextPath}/images/b2.jpg" title="name" /></a>
							<a class="product-here" href="single-page.html"><img src="${pageContext.request.contextPath}/images/p2.jpg" title="product-name" /></a>
							<h4><a href="single-page.html">Line Link 67009</a></h4>
							<a class="product-btn" href="single-page.html"><span>109.90$</span><small>GET NOW</small><label> </label></a>
						</div>
						<div class="col-md-3 special-products-grid text-center">
							<a class="brand-name" href="single-page.html"><img src="${pageContext.request.contextPath}/images/b3.jpg" title="name" /></a>
							<a class="product-here" href="single-page.html"><img src="${pageContext.request.contextPath}/images/p3.jpg" title="product-name" /></a>
							<h4><a href="single-page.html">Minimus Zero </a></h4>
							<a class="product-btn" href="single-page.html"><span>109.90$</span><small>GET NOW</small><label> </label></a>
						</div>
						<div class="col-md-3 special-products-grid text-center">
							<a class="brand-name" href="single-page.html"><img src="${pageContext.request.contextPath}/images/b4.jpg" title="name" /></a>
							<a class="product-here" href="single-page.html"><img src="${pageContext.request.contextPath}/images/p4.jpg" title="product-name" /></a>
							<h4><a href="single-page.html"> Athletic Shoe </a></h4>
							<a class="product-btn" href="single-page.html"><span>109.90$</span><small>GET NOW</small><label> </label></a>
						</div>
						<div class="col-md-3 special-products-grid text-center">
							<a class="brand-name" href="single-page.html"><img src="${pageContext.request.contextPath}/images/b5.jpg" title="name" /></a>
							<a class="product-here" href="single-page.html"><img src="${pageContext.request.contextPath}/images/p2.jpg" title="product-name" /></a>
							<h4><a href="single-page.html">Veronique </a></h4>
							<a class="product-btn" href="single-page.html"><span>109.90$</span><small>GET NOW</small><label> </label></a>
						</div>
						<div class="col-md-3 special-products-grid text-center">
							<a class="brand-name" href="single-page.html"><img src="${pageContext.request.contextPath}/images/b6.jpg" title="name" /></a>
							<a class="product-here" href="single-page.html"><img src="${pageContext.request.contextPath}/images/p6.jpg" title="product-name" /></a>
							<h4><a href="single-page.html">Suede Boots </a></h4>
							<a class="product-btn" href="single-page.html"><span>109.90$</span><small>GET NOW</small><label> </label></a>
						</div>
						<div class="col-md-3 special-products-grid text-center">
							<a class="brand-name" href="single-page.html"><img src="${pageContext.request.contextPath}/images/b7.jpg" title="name" /></a>
							<a class="product-here" href="single-page.html"><img src="${pageContext.request.contextPath}/images/p7.jpg" title="product-name" /></a>
							<h4><a href="single-page.html">Barricade 6.0  </a></h4>
							<a class="product-btn" href="single-page.html"><span>109.90$</span><small>GET NOW</small><label> </label></a>
						</div>
						<div class="col-md-3 special-products-grid text-center">
							<a class="brand-name" href="single-page.html"><img src="${pageContext.request.contextPath}/images/b1.jpg" title="name" /></a>
							<a class="product-here" href="single-page.html"><img src="${pageContext.request.contextPath}/images/p8.jpg" title="product-name" /></a>
							<h4><a href="single-page.html">Cotu Classic </a></h4>
							<a class="product-btn" href="single-page.html"><span>109.90$</span><small>GET NOW</small><label> </label></a>
						</div>
						<div class="clearfix"> </div>
					</div>
					<!---//special-products-grids---->
				</div>
				<!---//speical-products---->
				</div>
			<!----content---->
			<jsp:include page="component/footer.jsp"/>
		</div>
		<!----container---->
	
</body>
</html>
